import { createContext, useContext } from 'react'

const countContext = createContext()
function App() {
	return (
		<countContext.provider value={100}>
			<Foo />
		</countContext.provider>
	)
}

// 获取传递值，没有简化的版本
function Foo() {
	return (
		<countContext.Consumer>
			{(value) => {
				return <div>{value}</div>
			}}
		</countContext.Consumer>
	)
}

// 使用useContext的简化版本
function Foo() {
	const count = useContext(countContext)
	return <div>{count}</div>
}

export default App
